<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7"><![endif]-->
<!--[if IE 8]>
<html class="ie ie8"><![endif]-->
<!--[if IE 9]>
<html class="ie ie9"><![endif]-->
<html xmlns:th="http://www.thymeleaf.org" lang="ch">
<head>
    <base th:href="${#request.getScheme()}+'://'+${#request.getServerName()}+':'+${#request.getServerPort()}+${#request.getContextPath()}">
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单详情 | [[${mainOrder.orderid}]]</title>
    <link rel="stylesheet" type="text/css" th:href="@{/static/layui/css/layui.css}"/>
    <script th:inline="javascript">
        var basePath = [[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]];
        var userid = [[${session.userid}]];
        var orderid = [[${mainOrder.orderid}]]
    </script>
    <style>
        #receiver {
            font-family: Arial, Helvetica, sans-serif;
            border-collapse: collapse;
            width: 30%;
        }

        #receiver td, #receiver th {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: center;
        }

        #receiver tr:hover {background-color: #ddd;}

        #receiver th {
            padding-top: 12px;
            padding-bottom: 12px;
        }
    </style>
</head>
<body style="margin:10px;background-color: white">
<div th:align="center">
    <form>
        <h2>订单商品信息</h2>
    </form>
</div>
<div class="wrapper wrapper-content" th:align="center">
    <div class="row">
        <div class="col-sm-12">
            <div class="animated fadeIn">
                <table class="layui-hide" id="order_detail" lay-filter="test_order_detail" style="width:100%"></table>
                <script type="text/html" id="barDemo">
                    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="xiangqing">详情</a>
                </script>
            </div>
        </div>
    </div>
</div>
<div>
    <form>
        <div class="layui-input-block" style="position: relative; left:5%;">
            <h3>成交金额：￥[[${mainOrder.totalmoney}]]</h3>
        </div>
    </form>
</div>
<div>
    <form>
        <div class="layui-input-block" style="position: relative; left:5%;">
            <h3>交易时间：[[${mainOrder.formtime}]]</h3>
        </div>
    </form>
</div>
<div>
    <form>
        <div class="layui-input-block" style="position: relative; left:5%;">
            <h3 style="color: #3e8f3e">· 运输中</h3>
        </div>
    </form>
</div>
<div align="center">
    <h2 align="center">收件人信息</h2>
    <table align="center" id="receiver" >
        <tr>
            <th>收件人姓名</th>
            <td>[[*{mainOrder.receivename}]]</td>
        </tr>
        <tr>
            <th>收件人电话</th>
            <td>[[*{mainOrder.receivephone}]]</td>
        </tr>
        <tr>
            <th>收件人地址</th>
            <td>[[*{mainOrder.receiveaddress}]]</td>
        </tr>
    </table>
</div>
</body>
<script th:src="@{/static/css/style.css}"></script>
<script th:src="@{/static/layui/jquery.min.js}"></script>
<script th:src="@{/static/layui/layui.js}"></script>
<script th:src="@{/static/js/userInfo/orderdetail.js}"></script>
</html>